﻿<%@ Page Language="C#" MasterPageFile="../MasterPages/StoreMaster.master" AutoEventWireup="true" Inherits="Codagenic.Store.Presentation.Web.Pages.Contact" Title="Contact" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div class="sixteen columns">

        <h1><%= GetLocalizedString("ContactUs") %></h1>

        <asp:Panel ID="pnlForm" runat="server" DefaultButton="btnSubmit">

            <div class="row">

                <div class="formRow required">* Required Information</div>

                <div class="formRow">
                    <label for='<%= txtFirstName.ClientID %>'><%= GetLocalizedString("FirstName") %>: <span class="required">•</span></label>
                    <asp:TextBox ID="txtFirstName" runat="server" MaxLength="255"></asp:TextBox>                        
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="txtFirstName" 
                        Display="Dynamic" 
                        CssClass="validatorMessage" 
                        ErrorMessage="Please enter a first name.">
                    </asp:RequiredFieldValidator>
                </div>

                <div class="formRow">
                    <label for='<%= txtLastName.ClientID %>'><%= GetLocalizedString("LastName") %>: <span class="required">•</span></label>
                    <asp:TextBox ID="txtLastName" runat="server" MaxLength="255"></asp:TextBox>                        
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" 
                        ControlToValidate="txtLastName" 
                        Display="Dynamic" 
                        CssClass="validatorMessage" 
                        ErrorMessage="Please enter a last name.">
                    </asp:RequiredFieldValidator>
                </div>

                <div class="formRow">
                    <label for='<%= txtEmail.ClientID %>'>Email: <span class="required">•</span></label>
                    <asp:TextBox ID="txtEmail" runat="server" MaxLength="255"></asp:TextBox>
                        
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="txtEmail" 
                        ErrorMessage="Please enter a valid email address." 
                        Display="Dynamic"
                        CssClass="validatorMessage" >
                    </asp:RequiredFieldValidator>
                        
	                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server"				                    
	                    SetFocusOnError="true" 				                    
	                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
	                    ErrorMessage="Please enter a valid email address." 
	                    ControlToValidate="txtEmail"
	                    Display="Dynamic"
	                    CssClass="validatorMessage" >
	                    </asp:RegularExpressionValidator>                             
                </div>

                <div class="formRow">
                    <label for='<%= txtPhone.ClientID %>'><%= GetLocalizedString("Phone") %>:</label>
                    <asp:TextBox ID="txtPhone" runat="server" MaxLength="255"></asp:TextBox>                        
                </div>
    
                <div class="formRow">                        
                    <label for='<%= txtMessage.ClientID %>'><%= GetLocalizedString("Message") %>: <span class="required">•</span></label>
                    <asp:TextBox ID="txtMessage" runat="server" Columns="60" Rows="10" TextMode="MultiLine"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" 
                        ControlToValidate="txtMessage" 
                        ErrorMessage="<br>Please enter a message." 
                        Display="Dynamic"
                        CssClass="validatorMessage" >
                    </asp:RequiredFieldValidator>                         
                </div>     
            
                <div class="formRow">                        
                    <label for='<%= ckbSendMeACopy.ClientID %>'>Copy My Email Address:</label>              
                    <asp:CheckBox ID="ckbSendMeACopy" runat="server" />
                </div>                   

            </div>

            <div style="margin-left: 150px">    
                <asp:Button ID="btnSubmit" runat="server" 
                    Text="Submit" 
                    CssClass="ui-button"
                    AccessKey="S"
                    OnClick="btnSubmit_Click" />
            </div>

        </asp:Panel>

        <asp:Panel ID="pnlConfirmation" runat="server" Visible="false" CssClass="left">    
            <div class="message">
                <p>Thank you. Your message has been sent.</p>
            </div>                
        </asp:Panel>

    </div>

</asp:Content>


